<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>青鸟影院管理系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/layui.css" media="all">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/common.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo"><span>青鸟影院管理系统</span></div>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="updateAdmin.html" >
                     <img src="${pageContext.request.contextPath}/img/default.png" class="layui-nav-img layui-anim layui-anim-rotate"/>
                     <span id="user_name"></span>
                </a>
            </li>
            <li class="layui-nav-item"><a href="adminNo">退出</a></li>
        </ul>
    </div>
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="test" id="leftside">
                    <script id="side" type="text/html">
                        {{#  layui.each(d.list, function(index, item){ }}
                        <li class="layui-nav-item">
                            <a href="{{item.url}}"><i class="layui-icon {{item.icon}}"></i> {{item.name}}</a>
                        </li>
                        {{#  }); }}
                        {{#  if(d.list.length === 0){ }}
                        无数据
                        {{#  } }}
                    </script>
                </ul>
            </div>
        </div>
        <div class="layui-body">
            <!-- 主体区域开始 -->
            
            <!--当前位置开始-->
            <div class="layui-card layadmin-header">
                <span class="layui-breadcrumb">
                    <a href="/">系统</a>
                    <a href="movie.html">影片仓库</a>
                        <a><cite>影片详情</cite></a>
                </span>
            </div>
            <!--当前位置结束-->
            <div class="layui-row">
                <div class="layui-tab" id="system">
                    <div class="layui-form-item">
                        <label class="layui-form-label">影片名字</label>
                        <div class="layui-input-block">
                            <input readonly placeholder="${movie_ck.movieName}" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">导演</label>
                        <div class="layui-input-block">
                            <input readonly placeholder="${movie_ck.movieDirector}"class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">主演</label>
                        <div class="layui-input-block">
                            <input readonly placeholder="${movie_ck.movieProtagonist}" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">类型</label>
                        <div class="layui-input-block">
                            <input readonly placeholder="<c:forEach items="${movie_ck.movietemps}" var="m">${m.tempName}
                            </c:forEach>" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">时长</label>
                        <div class="layui-inline"> <!-- 注意：这一层元素并不是必须的 -->
                            <input readonly class="layui-input" placeholder="${movie_ck.movieTime}">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">图片</label>
                        <img src="${movie_ck.movieImg}" alt="" style="width:50px;hight:50px;">
                    </div>
                    <br>

                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label">描述</label>
                        <div class="layui-input-block">
                            <textarea readonly placeholder="${movie_ck.movieDescribe}" class="layui-textarea"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <!--主体区域结束-->
        </div>
       <div class="layui-footer" style="text-align:center">
        <!-- 底部固定区域 -->
        © 版权管理
    </div>
    </div>
    <script src="${pageContext.request.contextPath}/js/layui.js" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath}/js/jquery-3.3.1.js"></script>
    <script src="${pageContext.request.contextPath}/js/common.js"></script>
    <script src="${pageContext.request.contextPath}/js/jquery.cookie.js"></script>
    
    
<!-- 图片上传 -->
<script>
layui.use('upload', function(){
  var upload = layui.upload;
   
  //执行实例
  var uploadInst = upload.render({
    elem: '#test1' //绑定元素
    ,url: '/upload/' //上传接口
    ,done: function(res){
      //上传完毕回调
    }
    ,error: function(){
      //请求异常回调
    }
  });
});
</script>
    <script>
    layui.use('laydate', function(){
      var laydate = layui.laydate;
      
      //执行一个laydate实例
      laydate.render({
        elem: '#test1', //指定元素
        type:'time'
      });
    });
    </script>
    
    <script type="text/javascript">
    $(function () {
        dept_id();
    })
    var str = "";
    function dept_id() {
        $.ajax({
             url : "/SSM_CMS/findDept.do",
             type : "get",
             success : function (m) {
                 var arry = JSON.parse(m);
                 console.log(arry);
                 
                for(var ids in arry){
                    str +="<option value='"+arry[ids]["id"]+"'>"+arry[ids]["ename"]+"</option>"
                }
                $('#deptid').append(str);
                layui.use('form',function(){//重新渲染
                    var form=layui.form;
                    form.render('select');
                    })
             }
        });
    }
    
    </script>
</body>
</html>
